@charset "utf-8";
/*样式重置*/
body {
    width: 100%;
    min-width: 1100px;
    max-width: 1920px;
    margin: 0 auto;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, em, p, font, img, small, strong, center, dl, dt, dd, ol, ul, li, form, label, table, caption,
 tbody, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:14px; font-family: "微软雅黑";} 
ol, ul {list-style:none} :focus {outline:none; } 
a{font:14px "微软雅黑";text-decoration:none;color:#fff;cursor:pointer;} 
a:hover{color: #b29a7a}
.clear{clear: both;}
.w1100{width: 1100px; margin:auto;}
.w1200{width: 1200px; margin:auto;}
/*样式重置结束*/


/*hearder*/
.header{height: 200px;background:url(../images/navbj.jpg) no-repeat center ;}
.header .logo img{margin-top: 30px;}
.header .logo{float: left;}
.header_left{float: right;width: 900px;}
.header_left .ding{margin-top: 27px;height: 55px;}
.navcall{float: right;font-size: 18px;color: #fff;margin-top: 45px;font-weight: normal;}
.navcall span{display: block;font-size: 13px;}
.navcall img{margin-right: 10px;float: left;}
.header_left .ding h4{font-size: 23px;color: #fff;margin-top:37px; margin-left: 60px;}
.header_left .ding h5{font-size: 18px;color: #fff;font-weight:normal;margin-top:5px;    margin-left: 60px;}
.nav{height: 48px;padding-top: 31px;}
.nav li{float: left;color: #ffffff;}
.nav li:last-child{margin-right:0px;}
.nav li a{float: left;color: #ffffff;line-height: 50px;font-size: 16px;padding-left: 27px;padding-right: 28px;}
.nav li:hover a{color: #fff;background: #b29a7a}
.nav li .first{color: #fff;background: #b29a7a}
/*导航部分*/




/*轮播图点样式*/
.active{ background: #b19a7a;}
.flickerplate .dot-navigation .dot.active { background: #b19a7a; height: 20px;width: 10px; margin-top: -10px;}
.flickerplate .dot-navigation .dot.active:hover{ background:#b19a7a;}
.flickerplate .dot-navigation .dot {background: #8f6d3e;}
.flickerplate .dot-navigation .dot:hover{background: #8f6d3e;}


/*搜索框*/
.search{position:relative;}
.search_div{height:80px;line-height: 80px; }
.search{ float: right; width:295px;background: url(../images/ssuo.jpg) no-repeat center;}
.sea_key{float: left;}
.sea_cal{float: right;}
.search_tow{ border: none; background: none; width:200px; color: #8f6d3e;font-size: 14px;padding-left: 30px;  height: 30px;}
.search_button{    cursor: pointer;width: 50px;height: 80px; position: absolute; right: 2px; border: none; background: none;color: #fff;font-size: 16px;}
.sea_key a{font-size: 13px;color:#8f6d3e; margin:0 10px; }
.sea_key a:hover{color:#b29a7a}
.sea_key span{font-size: 14px; color:#8f6d3e;font-weight:normal;}
.sea_cal span{ font-size: 14px; color:#8f6d3e; margin-right: 10px;}
.sea_cal a{ font-size: 33px; color:#8f6d3e; float: right;margin-top: 23px;}



/*pordcut*/
.porduct{background: #ececec;padding-top: 40px;padding-bottom: 15px;}
.porduct .w1100{background: #fff;}
.porduct .porleft{width: 245px;float: left;}
.porduct .porleft h3{width: 245px;height: 80px;background: #8f6d3e;color: #ffffff;font-size: 27px;font-weight: normal;line-height: 80px;text-align: center;}
.porduct .porleft ul li{height:50px;line-height: 50px;background: url(../images/p3.jpg) no-repeat 40px center ;padding-left: 80px;border-bottom: solid 1px #ececec}
.porduct .porleft ul li a{color: #1d1d1d;font-size:16px;}
.porduct .porleft ul li a:hover{color: #8f6d3e;}
.porduct .porright{width: 810px;float:right;}
.porduct .porright h3{height: 50px;line-height: 50px;color: #8f6d3e;font-size: 24px;border-bottom:solid 1px #ececec;margin-bottom:15px;}
.porduct .porright h3 span{color: #b3b3b3;font-size: 14px;padding-left: 10px;text-transform:uppercase; font-weight: normal;}
.porduct .porright h3 a{margin-right: 10px;width: 65px;height: 20px;float: right;display: block;border:solid 1px #ececec;margin-top: 15px;color: #ececec;text-align: center;text-transform:uppercase;}
.porduct .porright h3 a:hover{background: #8f6d3e;color: #fff;border:solid 1px #8f6d3e;}
.porduct .porright li{float: left;margin-right: 18px;}
.porduct .porright li:nth-child(3n){margin-right: 0px;}
.porduct .porright li img{width:255;height: 158px;border:solid 1px #ececec;display: block; }
.porduct .porright li p{height: 50px;line-height: 50px;color: #6a6868;padding-right: 45px;background: url(../images/p4.jpg) no-repeat 220px center;
     overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 210px}
.porduct .porright li:hover p{color: #8f6d3e;cursor:pointer;}
.porduct .porright li:hover img{border:solid 1px #8f6d3e;}






/*case*/
.case{background: #8f6d3e;height: 355px; background:#8f6d3e;}
.case .w1160{width: 1160px;margin:auto; background: url(../images/d1.jpg) no-repeat center 130px;height: 355px;}
.case .w1160 h3{font-size:14px;color: #ffffff;font-weight: normal;text-align: center;padding-top:30px;}
.case .w1160 h2{font-size:26px;color: #ffffff;font-weight: bold;text-align: center;}
.case .w1160 h4{font-size:16px;color: #ffffff;font-weight: normal;text-align: center;}
.case .w1160 ul li{width: 180px;height: 183px;line-height: 183px;text-align: center;color: #ffffff;font-size: 14px;margin-top: 15px;float: left;margin-right: 15px;}
.case .w1160 ul li:last-child{margin-right: 0px;}


/*yous*/
.yous h3{color: #333333;font-size: 14px;font-weight: normal;text-align: center;margin-top:90px;}
.yous h2{color: #8f6d3e;font-size: 27px;font-weight: normal;text-align: center;}
.yous h5{color: #929292;font-size: 16px;font-weight: normal;text-align: center;text-transform:uppercase; }
.yous ul li:first-child{background: url(../images/ys1.jpg) no-repeat center;height: 172px;margin-top: 25px;}
.yous ul li:first-child h4{font-size:21px;color: #8f6d3e;font-weight: normal;padding-top: 35px;margin-left: 140px;}
.yous ul li:first-child p{font-size:14px;color: #8f6d3e;font-weight: normal; line-height: 24px;width: 460px;margin-left: 140px;}

.yous ul li:nth-child(2){background: url(../images/ys2.jpg) no-repeat center left;height: 172px;margin-top: 25px;}
.yous ul li:nth-child(2) h4{font-size:21px;color: #8f6d3e;font-weight: normal;padding-top: 35px;margin-left: 620px;}
.yous ul li:nth-child(2) p{font-size:14px;color: #8f6d3e;font-weight: normal; line-height: 24px;width: 460px;margin-left: 620px;}


.yous ul li:nth-child(3){background: url(../images/ys3.jpg) no-repeat center left;height: 251px;margin-top: 25px;}
.yous ul li:nth-child(3) h4{font-size:21px;color: #8f6d3e;font-weight: normal;padding-top: 70px;margin-left: 150px;}
.yous ul li:nth-child(3) p{font-size:14px;color: #8f6d3e;font-weight: normal; line-height: 24px;width: 460px;margin-left: 150px;}

.yous ul li:nth-child(4){background: url(../images/ys4.jpg) no-repeat center left;height: 172px;margin-top: 25px;}
.yous ul li:nth-child(4) h4{font-size:21px;color: #8f6d3e;font-weight: normal;padding-top: 35px;margin-left: 620px;}
.yous ul li:nth-child(4) p{font-size:14px;color: #8f6d3e;font-weight: normal; line-height: 24px;width: 460px;margin-left: 620px;}

.yous ul li:nth-child(5){background: url(../images/ys5.jpg) no-repeat center;height: 172px;margin-top: 25px;}
.yous ul li:nth-child(5) h4{font-size:21px;color: #8f6d3e;font-weight: normal;padding-top: 35px;margin-left: 140px;}
.yous ul li:nth-child(5) p{font-size:14px;color: #8f6d3e;font-weight: normal; line-height: 24px;width: 460px;margin-left: 140px;}




.anli{height:437px;background: url(../images/al1.jpg) repeat center; margin-top:20px;}
.anli h3{padding-top: 50px;text-align: center;}
.anli .w1100{position:relative; }
.anli .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.anli .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.anli .hd ul li.on{ background-position:0 0; }
.anli .bd{ padding:10px;margin-top:67px;}
.anli .bd ul{ overflow:hidden; zoom:1; }
.anli .bd ul li{ margin:0 8px; float:left; display:inline; overflow:hidden; text-align:center;  }
.anli .bd ul li .pic{ text-align:center; }
.anli .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px;}
.anli .bd ul li .pic a:hover img{ border-color:#999;  }
.anli .bd ul li .title{ line-height:24px;   }
.anli .next{position:absolute;top:300px;left: 0px;}
.anli .prev{position:absolute;top:300px;right: 0px;}

.about h3{text-align: center;font-size: 14px;color: #333;font-weight:normal;margin-top: 48px;}
.about h4{text-align: center;color: #8f6d3e;font-size: 27px;font-weight: normal;}
.about h5{text-align: center;color: #9f9f9f;font-size: 16px;font-weight: normal;text-transform:uppercase; }
.aboutleft{float: left;width: 435px;margin-left: 45px;}
.aboutleft h6{font-size: 34px;color: #8f6d3e;font-weight: normal;text-transform:uppercase; }
.aboutleft h2{border-bottom: solid 1px #e3e3e3;padding-bottom:10px;margin-bottom: 20px;}
.aboutleft h2 a{color: #8f6d3e;font-size: 16px;}
.aboutleft p{color: #8f6d3e;font-size: 13px;line-height: 24px; text-indent: 2rem}
.about .aboutcon{background: url(../images/abj.jpg) repeat center;    padding-top: 25px;
    padding-bottom: 20px;
    margin-top: 30px; border:solid 1px #f2f2f2;}
.aboutright{float: right;margin-right:25px;}
.aboutleft .more{width: 110px;height: 30px;line-height: 30px;display: block;border-radius: 20px;text-align: center;background: #8f6d3e;margin-top: 35px;
border:solid 1px #8f6d3e;}
.aboutleft .more:hover{background: #fff;color: #8f6d3e}





.news{height: 500px;background: #ececec;margin-top: 30px}
.news .newsleft{float: left;width: 680px;}
.news .newtit{height: 50px;background: #8f6d3e;margin-top: 30px;margin-bottom: 20px;}
.news .newtit h3{color: #fff;font-size: 14px;font-weight:normal;float: left;    margin-top: 8px;margin-left: 20px;}
.news .newtit h3 span{color: #fff;font-size: 12px;font-weight:normal;display: block;line-height:8px;text-transform:uppercase; }
.news .newtit h3:hover a{color: #333}
.news .newtit .more{float: right;    margin-top: 15px;margin-right: 20px;}
.newtit h3:first-child{padding-right: 50px;margin-right: 60px;background: url(../images/n1.jpg) no-repeat  right 5px;}
.news .newtit .more:hover{color: #fff;text-decoration:underline;}
.news .newsleft .nrimg img{float: left;width: 270px;height: 170px;}
.news .newsleft .nrr{width:380px;float: right;}
.news .newsleft .nrr h4 a{display: block;color: #555;font-weight: normal;font-size: 18px;}
.news .newsleft .nrr p{color: #666;font-weight: normal;font-size: 13px;line-height: 26px;}
.news .newsleft .nrr .more{width:100px;height: 25px;line-height: 25px;background: #8f6d3e;display: block;text-align: center;margin-top:30px;}
.news .newsleft .nrr .more:hover{background:none;border:solid 1px  #8f6d3e;}
.news .newsleft .nrcon{ padding-top: 25px;padding-bottom: 20px;border-bottom: solid 1px #ccc;width: 50%;float: left;}
.news .newsleft .nrcon h4{width: 65px;float: left;font-size: 13px;font-weight: normal;color: #333;text-align: right;padding-right: 10px;line-height: 20px;
background: url(../images/n5.jpg) no-repeat center right;margin-right: 10px;}
.news .newsleft .nrcon h4 span{display: block;font-size: 22px;font-weight: normal;color: #333;}
.news .newsleft .nrcon h5 a{font-size: 16px;color: #333;     overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width: 220px;display: block;} 
.news .newsleft .nrcon h5 p{color: #aeaeae;font-size: 14px;font-weight:normal;     overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 220px;display: block;}
.news .newsleft .nrcon h5 a:hover{color: #8f6d3e;}
.news .newsright{width: 375px;float: right;}
.newsright .newtit h3{background: none}
.nycon h3 img{display: block;float: left;font-weight: normal;margin-right:10px;}
.nycon h3 a{color: #333;font-size: 14px;font-weight: normal;     overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;width: 340px;}
.nycon h3 a:hover{color: #8f6d3e}
.nycon p img{display: block;float: left;font-weight: normal;margin-right:10px;
}
.nycon p{color: #333;font-size: 14px;font-weight: normal;clear: both;margin-top:10px;
     overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nycon{margin-top: 40px;}





/*友情链接*/
.link{background:#8f6d3e;border-bottom:solid 1px #9d7c4e}
.link h2{height:60px;line-height:60px;}
.link h2 span{color: #fff;font-size: 14px;font-weight: normal;}
.link h2 a{margin-left:60px; color: #fff}
.link h2 a:hover{color:#fff;text-decoration:underline;}

.anli .picList img{width: 340px;height: 238px;}

/*底部*/



.foot{background: #8f6d3e;height:284px;}
.foot .w1100{position: relative;}
.foot h3{padding-top: 90px;float:left;}
.footcon{width: 440px;float:left;color: #fff;margin-left:45px;margin-top: 65px;line-height: 24px;}
.wx p{float: left;width: 145px;margin-top: 60px;text-align: center;color: #fff}
.wx p:first-child{margin-right:40px;}



/*返回顶部*/
/*返回顶部*/
.cd-top { z-index:999;
  display: inline-block;
  height: 50px;
  width: 50px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  cursor:pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#000 url(../images/cd-top-arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
   border-radius:0px;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1; cursor:pointer;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .9;
}
.no-touch .cd-top:hover {
  background-color: #9dc92b;
  opacity: 1;}
.por_conend .por_con_div h4 a:hover{color: #316DC3}